<div class="row">
    <div class="col-lg-12">
        <div class="input-group">

        <span class="input-group-btn">
            <button id="search-btn" style="background-color: #428BCA; color: #ffffff" class="btn btn-default" type="button" >Tìm</button>
            </span>
        <input id=keyword placeholder="Tên, lời đầu hoặc tác giả" type="text" class="form-control" value="<?php echo $data['keyword']; ?>" />

            <input id="vol" type="hidden" value="<?php if (isset($data['vol']))	echo $data['vol']; ?>" />

        </div>
    </div>
	    	
</div><!-- /.row -->
                  
      <div class="row row-offcanvas row-offcanvas-right">

        <div class="col-xs-12 col-sm-9">
<!--           <p class="pull-right visible-xs"> -->
<!--             <button type="button" class="btn btn-primary btn-xs" data-toggle="offcanvas">Lọc theo Chữ cái</button> -->
<!--           </p> -->
          <div class="clearfix"></div>
          
		  
		  	<?php 
		  		$array_anphas = array ("A", "B", "C", "D", "E", "F", "G", "H", "I", "J"
				, "K", "L", "M", "N", "O", "P", "Q", "R", "S","T", "U", "W", "X",
				"Y", "Z"); 
			?>
		  	
			<ul class="pagination">
			  <?php foreach ($array_anphas as $key) { ?>
			  	<li <?php if ($key == $this->input->get('keyword')) echo 'class="current-page"';?> >
			  		<a href="/ma-so-karaoke/tim-kiem.html?keyword=<?php echo $key; ?>">
			  			<?php echo $key; ?>
		  			</a>
		  		</li>
			  <?php } ?>
			</ul>
		<div class="clearfix"></div>		
          <p class="page-display">Bạn đang xem <?php echo $data['page'];?> / <?php echo $data['total'];?> trang </p>
          <div class="clearfix"></div>
          <div class="row" id="list-item">
          	<?php $this->load->view("mobile/common/_song-item");?> 
          </div><!--/row-->
          <p><?php echo $pagination;?></p>
        </div><!--/span-->

      </div><!--/row-->
   